<template>
  <div class="rect" :style="{
    transform: `scale(${rect.scaleX},${rect.scaleY}) translate(${rect.left}px,${rect.top}px) rotate(${rect.rotate}deg)`,
    transformOrigin: `${rect.transformOriginX*100}% ${rect.transformOriginY*100}%`,
    width: `${rect.width}px`,
    height: `${rect.height}px`
  }">

  </div>
</template>

<script>
export default {
  name: "RectBorder",
  props:{rect:Object},
  data(){
    return {
    }
  },
  created() {

  }
}
</script>

<style scoped>
  .rect{
    border: 1px solid red;
    position: absolute;
    left: 0;
    top: 0;
  }
</style>
